﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="MyUserControl.ascx.cs" Inherits="MyControls_MyUserControl" %>
<%@ Register Src="~/MyControls/UserComments.ascx" TagPrefix="uc1" TagName="UserComments" %>
<style type="text/css">
    
    .title_dots {
        background: url(../Images/dots.png) repeat-x center;
    }

    .title_header {
        font-size: 18px;
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #606060;
        text-align: center;
        width: 100%;
    }

    .title_news {
        font-size: 16px;
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #606060;
        text-align: left;
        width: 100%;
        height: auto;
    }

    .content_news {
        font-size: 14px;
    }

    .linkbutton {
        font-family: 'Open Sans Condensed',sans-serif;
        box-shadow: none;
        height: 18px;
        color: #4d4d4d;
    }

        .linkbutton:hover {
            background: #f34c31;
            color: #ffffff;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
        }

    .new_details {
        font-family: 'Open Sans Condensed',sans-serif;
        box-shadow: none;
        height: 18px;
        text-decoration: none;
        color: #4d4d4d;
    }
    .auto-style2 {
        background: url(../Images/dots.png) repeat-x center;
        height: 23px;
    }
    .textboxComment{
        width:100%;
        height:90px;
        border: 1px solid #4d4d4d;
    }
    .auto-style3 {
        height: 18px;
    }
</style>
<asp:Panel ID="Panel1" runat="server">
    <asp:MultiView ID="mvwUserControl" runat="server" ActiveViewIndex="0">
        <asp:View ID="vwNews" runat="server">
            <table style="width: 100%;">
                <tr>
                    <td colspan="3" class="title_dots"></td>
                </tr>
                <tr>
                    <td colspan="3" class="title_header">
                        <asp:Label ID="lblTitleChanel" runat="server" Text="LabelChanel"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td colspan="3" class="title_news">
                        <a href="#" class="title_news" style="text-decoration:none;"><asp:Label ID="lblTitleNews" runat="server" Text="LabelTitleNews" ForeColor="#f34c31"></asp:Label></a>                        
                        <asp:Label ID="lblNewsID" runat="server" Text="LabelNewsID" Visible="False"></asp:Label><br />
                        <asp:Label ID="lblContent" runat="server" Text="Content" CssClass="content_news"></asp:Label>
                        <asp:LinkButton ID="lbtnReadMore" runat="server" CssClass="linkbutton" OnClick="lbtnReadMore_Click">&gt;&gt;Read more..</asp:LinkButton>
                    </td>
                </tr>
                <tr class="new_details">
                    <td>
                        <asp:Label ID="Label1" runat="server" Text="Time Posted: "></asp:Label>
                        <asp:Label ID="lblTimePosted" runat="server" Text="Time posted" ForeColor="blue"></asp:Label>
                    </td>
                    <td>
                        <asp:Label ID="Label2" runat="server" Text="Posted by: "></asp:Label>
                        <asp:Label ID="lblAuthor" runat="server" Text="Author name" ForeColor="blue"></asp:Label>
                    </td>
                    <td>
                        <asp:Label ID="Label4" runat="server" Text="Comments: "></asp:Label>
                        <asp:LinkButton ID="lbtnTotalComments" runat="server" CssClass="linkbutton" OnClick="lbtnTotalComments_Click">Number Comments</asp:LinkButton>

                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <asp:LinkButton ID="lbtnTitleNews2" runat="server" CssClass="linkbutton" OnClick="lbtnTitleNews2_Click">News 2</asp:LinkButton><asp:Label ID="lblNews2ID" runat="server" Visible="False"></asp:Label><br />
                        <asp:LinkButton ID="lbtnTitleNews3" runat="server" CssClass="linkbutton" OnClick="lbtnTitleNews3_Click">News 3</asp:LinkButton><asp:Label ID="lblNews3ID" runat="server" Visible="False"></asp:Label><br />
                        <asp:LinkButton ID="lbtnTitleNews4" runat="server" CssClass="linkbutton" OnClick="lbtnTitleNews4_Click">News 4</asp:LinkButton><asp:Label ID="lblNews4ID" runat="server" Visible="False"></asp:Label><br />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <asp:LinkButton ID="lbtnReadAll" runat="server" CssClass="linkbutton" Font-Underline="false" OnClick="lbtnReadAll_Click">&gt;&gt;Read all..</asp:LinkButton><br />
                    </td>
                </tr>
                <tr>
                    <td colspan="3" class="title_dots"></td>
                </tr>
            </table>
        </asp:View>
        <asp:View ID="vwComments" runat="server">
            <table style="width: 100%;">
                <tr>
                    <td colspan="3" class="auto-style2"></td>
                </tr>
                <tr>
                    <td colspan="3" class="title_news">
                        <asp:Label ID="lblTitleNewsDetails" runat="server" Text="LabelTitleNews" ForeColor="#f34c31"></asp:Label>                        
                        <asp:LinkButton ID="lbtnEdit" runat="server" CssClass="linkbutton" Font-Underline="false" Text="Edit" OnClick="lbtnEdit_Click"></asp:LinkButton>
                        <br />
                        <asp:Label ID="lblContentNewsDetails" runat="server" Text="Content" CssClass="content_news"></asp:Label>
                        <asp:TextBox ID="txtContentNewsDetails" runat="server" TextMode="MultiLine" Visible="False" Width="100%" Height="200px"></asp:TextBox>
                    </td>
                </tr>
                <tr class="new_details">
                    <td>
                        <asp:Label ID="Label6" runat="server" Text="Time Posted: "></asp:Label>
                        <asp:Label ID="lblTimePostDetails" runat="server" Text="Time posted" ForeColor="blue"></asp:Label>
                    </td>
                    <td>
                        <asp:Label ID="Label8" runat="server" Text="Posted by: "></asp:Label>
                        <asp:Label ID="lblAuthorDetails" runat="server" Text="Author name" ForeColor="blue"></asp:Label>                        
                    </td>
                    <td>
                        <asp:Label ID="Label5" runat="server" Text="Views: "></asp:Label>
                        <asp:Label ID="lblViews" runat="server" Text="views" ForeColor="blue"></asp:Label>                        
                    </td>
                </tr>
                <tr>
                    <td colspan="3">                        
                        <asp:Panel ID="pnlComments" runat="server">

                        </asp:Panel>
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <asp:Label ID="Label3" runat="server" Text="Comments :" CssClass="title_news"></asp:Label><br /><br />
                        <asp:TextBox ID="txtUserCommentName" runat="server" Width="259px" PlaceHolder="Enter your name.."></asp:TextBox><br /><br />
                        <asp:TextBox ID="txtCommentsContent" runat="server" CssClass="textboxComment" TextMode="MultiLine" PlaceHolder="Comment content..."></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <asp:Button ID="btnPostComment" runat="server" Text="Post" Width="75px" OnClick="btnPostComment_Click" />
                        &nbsp;&nbsp;
                        <asp:Button ID="btnRefresh" runat="server" Text="Refresh" Width="75px" />
                        &nbsp;&nbsp;
                        <asp:Button ID="btnCancel" runat="server" Text="Cancel" Width="75px" />                        
                    </td>
                </tr>
                <tr>
                    <td colspan="3" class="title_dots"></td>
                </tr>
            </table>
        </asp:View>
    </asp:MultiView>

</asp:Panel>
